<template>
	<view>
		<!-- 组件图片引入应用内静态图片,会出现显示不错来的问题 
		    1、可以通过require通过模块引用出来
			2、可以使用background-image方式使用
			3、使用绝对地址
		-->
		<button type="primary" @click="changeImage">切换图片</button>
		<image class="image" :src="src"  mode="widthFix"></image>
	</view>
</template>

<script>

	export default {
		data() {
			return {
				
			};
		},
		//声明要接收的父组件传递过来的属性
		//像data数据一样使用
		props:{
			src:String,
		},
		methods:{
			changeImage(){
				this.$emit('imageChange',this.src)
			}
		}
	}
</script>

<style>
.image{
	border-radius: 50%;
}
</style>
